/* GOLD UNLOCKS FINAL UI =================================================== */
body.gx-theme-dark{
 --gx-bg:#080d12;--gx-card:#0f161f;--gx-card2:#121b25;--gx-field:#0a1118;
 --gx-text:#edf2f7;--gx-muted:#8794a5;--gx-line:rgba(255,255,255,.085);
 --gx-line2:rgba(255,255,255,.055);--gx-hover:#16212c;--gx-gold:#f2c85d;
 --gx-gold-text:#181207;--gx-shadow:0 18px 48px rgba(0,0,0,.23);
 --gx-green:#32c981;--gx-yellow:#e7b649;--gx-red:#ec6874;color-scheme:dark;
}
body.gx-theme-light{
 --gx-bg:#f0f3f6;--gx-card:#fff;--gx-card2:#f6f8fa;--gx-field:#f8fafc;
 --gx-text:#182331;--gx-muted:#667486;--gx-line:rgba(15,23,42,.105);
 --gx-line2:rgba(15,23,42,.065);--gx-hover:#eef2f5;--gx-gold:#dfb13b;
 --gx-gold-text:#211906;--gx-shadow:0 15px 38px rgba(15,23,42,.09);
 --gx-green:#168e58;--gx-yellow:#aa7611;--gx-red:#d64c59;color-scheme:light;
}
body.gx-theme-dark,body.gx-theme-light{
 background:var(--gx-bg)!important;color:var(--gx-text)!important;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.gx-theme-dark{background-image:radial-gradient(850px 400px at 9% -12%,rgba(242,200,93,.05),transparent 68%)!important}
body.gx-theme-light{background-image:linear-gradient(180deg,#f7f8fa,#eef2f5)!important}

/* Surfaces */
body.gx-theme-dark .card,body.gx-theme-light .card,
body.gx-theme-dark .panel,body.gx-theme-light .panel,
body.gx-theme-dark .modal-content,body.gx-theme-light .modal-content,
body.gx-theme-dark .dropdown-menu,body.gx-theme-light .dropdown-menu,
body.gx-theme-dark .list-group-item,body.gx-theme-light .list-group-item{
 background:var(--gx-card)!important;color:var(--gx-text)!important;
 border-color:var(--gx-line)!important;
}
body.gx-theme-dark .modal-header,body.gx-theme-light .modal-header,
body.gx-theme-dark .modal-body,body.gx-theme-light .modal-body,
body.gx-theme-dark .modal-footer,body.gx-theme-light .modal-footer{
 background:var(--gx-card)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}
body.gx-theme-dark .text-muted,body.gx-theme-light .text-muted{color:var(--gx-muted)!important}
body.gx-theme-dark h1,body.gx-theme-dark h2,body.gx-theme-dark h3,body.gx-theme-dark h4,body.gx-theme-dark h5,body.gx-theme-dark h6,
body.gx-theme-light h1,body.gx-theme-light h2,body.gx-theme-light h3,body.gx-theme-light h4,body.gx-theme-light h5,body.gx-theme-light h6{color:var(--gx-text)!important}

/* Inputs */
body.gx-theme-dark .form-control,body.gx-theme-light .form-control,
body.gx-theme-dark input,body.gx-theme-light input,
body.gx-theme-dark textarea,body.gx-theme-light textarea,
body.gx-theme-dark select,body.gx-theme-light select,
body.gx-theme-dark .input-group-text,body.gx-theme-light .input-group-text{
 background:var(--gx-field)!important;color:var(--gx-text)!important;
 border-color:var(--gx-line)!important;border-radius:11px!important;box-shadow:none!important
}
body.gx-theme-dark input:focus,body.gx-theme-light input:focus,
body.gx-theme-dark textarea:focus,body.gx-theme-light textarea:focus,
body.gx-theme-dark select:focus,body.gx-theme-light select:focus,
body.gx-theme-dark .form-control:focus,body.gx-theme-light .form-control:focus{
 border-color:rgba(223,177,59,.52)!important;box-shadow:0 0 0 3px rgba(223,177,59,.08)!important
}
body.gx-theme-dark .chosen-container .chosen-single,body.gx-theme-light .chosen-container .chosen-single,
body.gx-theme-dark .chosen-container-multi .chosen-choices,body.gx-theme-light .chosen-container-multi .chosen-choices{
 background:var(--gx-field)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}
body.gx-theme-dark .chosen-container .chosen-drop,body.gx-theme-light .chosen-container .chosen-drop{
 background:var(--gx-card)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}

/* Buttons */
body.gx-theme-dark .btn,body.gx-theme-light .btn{border-radius:999px!important;font-weight:800!important}
body.gx-theme-dark .btn-primary,body.gx-theme-light .btn-primary,
body.gx-theme-dark .btn-warning,body.gx-theme-light .btn-warning,
body.gx-theme-dark .bg-secondary,body.gx-theme-light .bg-secondary{
 background:var(--gx-gold)!important;border-color:var(--gx-gold)!important;color:var(--gx-gold-text)!important
}

/* Header */
body.gx-theme-dark header,body.gx-theme-dark .header-top,body.gx-theme-dark .header-middle,body.gx-theme-dark .header-bottom{
 background:#091016!important;border-color:var(--gx-line)!important
}
body.gx-theme-light header,body.gx-theme-light .header-top,body.gx-theme-light .header-middle,body.gx-theme-light .header-bottom{
 background:#fff!important;border-color:var(--gx-line)!important
}
body.gx-theme-dark header .nav-link{color:#dde5ed!important}
body.gx-theme-light header .nav-link{color:#273546!important}
body.gx-theme-dark header .nav-link:hover,body.gx-theme-light header .nav-link:hover{color:#c89929!important}

/* Theme controls */
.gx-theme-quick{width:38px;height:38px;border:1px solid var(--gx-line);border-radius:11px;background:var(--gx-card2);color:var(--gx-text);cursor:pointer}
.gx-display-menu{min-width:250px!important;padding:11px!important;border-radius:14px!important;box-shadow:var(--gx-shadow)!important}
.gx-display-title{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gx-muted);margin:2px 0 8px}
.gx-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gx-theme-option{border:1px solid var(--gx-line);border-radius:12px;background:var(--gx-card2);color:var(--gx-text);padding:8px;cursor:pointer;font-size:10px;font-weight:850}
.gx-theme-option.active{border-color:rgba(223,177,59,.5);box-shadow:0 0 0 2px rgba(223,177,59,.07)}
.gx-theme-preview{height:42px;display:grid;place-items:center;border-radius:8px;margin-bottom:6px;font-size:16px}
.gx-preview-light{background:#fff;color:#ba8617;border:1px solid rgba(15,23,42,.08)}
.gx-preview-dark{background:#0b1219;color:#f2c85d;border:1px solid rgba(255,255,255,.08)}

/* Tables */
body.gx-theme-dark .table,body.gx-theme-light .table{
 color:var(--gx-text)!important;--bs-table-bg:transparent;--bs-table-color:var(--gx-text);
 --bs-table-border-color:var(--gx-line2);--bs-table-hover-bg:var(--gx-hover)
}
body.gx-theme-dark table thead th,body.gx-theme-light table thead th{
 background:var(--gx-card2)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}
body.gx-theme-dark table tbody td,body.gx-theme-light table tbody td{
 color:var(--gx-text)!important;border-color:var(--gx-line2)!important
}

/* ORDER PAGES ---------------------------------------------------------- */
body.gx-final-order .page-container{max-width:1680px;margin:auto}
body.gx-final-order .gx-order-shell{
 display:grid!important;grid-template-columns:235px minmax(0,1fr)!important;
 gap:13px!important;align-items:start!important
}
body.gx-final-order .gx-group-sidebar{
 position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto;
 border:1px solid var(--gx-line);border-radius:17px;background:var(--gx-card);
 padding:11px;box-shadow:var(--gx-shadow);min-width:0
}
.gx-group-sidebar-title{padding:2px 4px 10px;border-bottom:1px solid var(--gx-line2);margin-bottom:9px}
.gx-group-sidebar-title small{display:block;color:#b7871d;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.gx-group-sidebar-title strong{display:block;color:var(--gx-text)!important;font-size:13px;margin-top:3px}
.gx-group-search-wrap{position:relative;margin-bottom:8px}
.gx-group-search-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--gx-muted);font-size:10px}
.gx-group-search{width:100%;height:38px;padding:0 9px 0 29px;border:1px solid var(--gx-line);border-radius:10px;background:var(--gx-field);color:var(--gx-text);outline:none;font-size:10px}
.gx-group-nav{display:grid;gap:3px}
.gx-group-nav button{min-height:39px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:10px;padding:7px 9px;background:transparent;color:var(--gx-muted);cursor:pointer;text-align:left;font-size:10.5px;font-weight:800}
.gx-group-nav button:hover{background:var(--gx-hover);color:var(--gx-text)}
.gx-group-nav button.active{background:rgba(223,177,59,.10);color:#b48317}
.gx-group-nav button.gx-filtered{display:none}
.gx-group-nav .gx-count{min-width:25px;padding:3px 6px;border-radius:999px;background:var(--gx-card2);text-align:center;font-size:8px;color:var(--gx-muted)}
.gx-group-empty{display:none;padding:13px 4px;text-align:center;color:var(--gx-muted);font-size:10px}.gx-group-empty.show{display:block}

/* Never move/hide original services. Only style them. */
body.gx-final-order .service-list-box>.group{border:1px solid var(--gx-line);border-radius:17px;overflow:hidden;background:var(--gx-card);margin-bottom:12px!important}
body.gx-final-order .service-list-box>.group>.col-12{padding:0!important}
body.gx-final-order .service-list-box>.group .title{margin:0!important;padding:13px 15px!important;background:var(--gx-card2)!important;color:var(--gx-text)!important;border-bottom:1px solid var(--gx-line2);font-size:13px!important;font-weight:900!important}
body.gx-final-order .service-list-box>.group>.service{padding:7px!important;margin:0!important}
body.gx-final-order .service-list-box>.group>.service>.card{min-height:100px;background:var(--gx-card2)!important;border:1px solid var(--gx-line)!important;border-radius:14px!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease}
body.gx-final-order .service-list-box>.group>.service:hover>.card{transform:translateY(-2px);border-color:rgba(223,177,59,.28)!important}
body.gx-final-order .group-service{border:1px solid var(--gx-line);border-radius:16px;background:var(--gx-card);overflow:hidden;margin-bottom:12px!important}
body.gx-final-order .group-service .accordion-heading{background:var(--gx-card2);border-bottom:1px solid var(--gx-line2);padding:12px 14px}
body.gx-final-order .group-service .accordion-toggle{color:var(--gx-text)!important;font-weight:850;text-decoration:none!important}

/* Critical modal stability */
body.gx-final-order #modal-order{
 position:fixed!important;inset:0!important;z-index:10600!important;overflow:auto!important;
 padding:16px!important;opacity:1!important;visibility:visible!important
}
body.gx-final-order #modal-order[style*="display: block"]{display:flex!important;align-items:flex-start!important;justify-content:center!important}
body.gx-final-order #modal-order .backdrop-over{position:fixed!important;inset:0!important;background:rgba(4,7,10,.66)!important;backdrop-filter:blur(5px)}
body.gx-theme-light.gx-final-order #modal-order .backdrop-over{background:rgba(32,43,56,.27)!important}
body.gx-final-order #modal-order .modal-dialog{position:relative!important;z-index:2!important;width:min(920px,96vw)!important;max-width:920px!important;margin:28px auto!important;transform:none!important;opacity:1!important}
body.gx-final-order #modal-order .modal-content{background:var(--gx-card)!important;color:var(--gx-text)!important;border:1px solid var(--gx-line)!important;border-radius:19px!important;box-shadow:0 28px 80px rgba(0,0,0,.30)!important;overflow:hidden!important}
body.gx-final-order #modal-order .modal-header{background:var(--gx-card2)!important;padding:14px 17px!important;border-bottom:1px solid var(--gx-line)!important}
body.gx-final-order #modal-order .modal-body{background:var(--gx-card)!important;color:var(--gx-text)!important;padding:17px!important}
body.gx-final-order #modal-order .modal-title{color:#b4851b!important;font-size:11px!important;letter-spacing:.07em;text-transform:uppercase;font-weight:900!important}

/* AJAX detail container: disable the old full-height stretch ONLY here */
body.gx-final-order #serviceDetails2,body.gx-final-order #serviceDetails{
 display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;max-height:none!important
}
body.gx-final-order #serviceDetails2 .h-100,body.gx-final-order #serviceDetails .h-100,
body.gx-final-order #serviceDetails2 .row.h-100,body.gx-final-order #serviceDetails .row.h-100{
 height:auto!important;min-height:0!important
}
body.gx-final-order #serviceDetails2 .card-min-height,body.gx-final-order #serviceDetails .card-min-height,
body.gx-final-order #serviceDetails2 .placeorder-field,body.gx-final-order #serviceDetails .placeorder-field{
 height:auto!important;min-height:0!important;max-height:none!important
}
body.gx-final-order #serviceDetails2 textarea,body.gx-final-order #serviceDetails textarea{min-height:110px!important;max-height:260px!important}

/* View Order */
body.gx-theme-dark .g-order,body.gx-theme-light .g-order{
 background:var(--gx-card)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}
body.gx-theme-dark .g-info,body.gx-theme-light .g-info,
body.gx-theme-dark .g-footer,body.gx-theme-light .g-footer{
 background:var(--gx-card2)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}
body.gx-theme-dark .g-result,body.gx-theme-light .g-result,
body.gx-theme-dark .g-plain,body.gx-theme-light .g-plain{
 background:transparent!important;background-color:transparent!important;color:var(--gx-text)!important
}
body.gx-theme-dark .g-result table,body.gx-theme-light .g-result table,
body.gx-theme-dark .g-result tbody,body.gx-theme-light .g-result tbody,
body.gx-theme-dark .g-result tr,body.gx-theme-light .g-result tr,
body.gx-theme-dark .g-result td,body.gx-theme-light .g-result td,
body.gx-theme-dark .g-plain table,body.gx-theme-light .g-plain table,
body.gx-theme-dark .g-plain tbody,body.gx-theme-light .g-plain tbody,
body.gx-theme-dark .g-plain tr,body.gx-theme-light .g-plain tr,
body.gx-theme-dark .g-plain td,body.gx-theme-light .g-plain td{
 background:transparent!important;background-color:transparent!important;color:inherit!important;
 --bs-table-bg:transparent!important;--bs-table-striped-bg:transparent!important;--bs-table-hover-bg:transparent!important
}
body.gx-theme-light .g-result,body.gx-theme-light .g-plain{color:#182331!important}

/* Dashboard V7 adapted to both modes */
.gx7-dashboard{color:var(--gx-text)!important}
.gx7-wallet,.gx7-summary,.gx7-orders-panel,.gx7-news,.gx7-action,.gx7-notice{
 background:var(--gx-card)!important;color:var(--gx-text)!important;border-color:var(--gx-line)!important
}
.gx7-wallet-primary,.gx7-wallet-secondary,.gx7-news-head,.gx7-summary-icon,.gx7-status-row:hover{
 background:var(--gx-card2)!important
}
.gx7-balance,.gx7-wallet-secondary-copy strong,.gx7-summary-copy strong,.gx7-status-copy span,.gx7-status-row strong,.gx7-news-head h4,.gx7-action strong{color:var(--gx-text)!important}
.gx7-kicker,.gx7-section-kicker,.gx7-summary-copy span,.gx7-status-copy small,.gx7-section-caption,.gx7-action small{color:var(--gx-muted)!important}

/* Public homepage follows the selected mode */
body.gx-theme-light .pro-landing{color:#182331!important}
body.gx-theme-dark .pro-landing{color:#f4f7fa!important}

@media(max-width:900px){
 body.gx-final-order .gx-order-shell{grid-template-columns:1fr!important}
 body.gx-final-order .gx-group-sidebar{position:relative;top:auto;max-height:none}
 .gx-group-nav{display:flex;overflow:auto;gap:5px}.gx-group-nav button{flex:0 0 auto;width:auto}
}
@media(max-width:600px){
 body.gx-final-order #modal-order{padding:5px!important}
 body.gx-final-order #modal-order .modal-dialog{width:100%!important;margin:8px auto!important}
}


/* ============================================================
   GOLD EXACT PATCH — requested changes only
   ============================================================ */

/* Light theme: close X visible */
body.gx-theme-light .modal-header .close,
body.gx-theme-light .modal .close,
body.gx-theme-light button.close,
body.gx-theme-light .g-close,
body.gx-theme-light [data-dismiss="modal"].close{
  color:#172334 !important;
  opacity:1 !important;
  text-shadow:none !important;
  background:rgba(15,23,42,.055) !important;
  border:1px solid rgba(15,23,42,.11) !important;
  border-radius:9px !important;
}
body.gx-theme-light .modal-header .close span,
body.gx-theme-light .modal .close span,
body.gx-theme-light button.close span,
body.gx-theme-light .g-close span{
  color:#172334 !important;
  opacity:1 !important;
}
body.gx-theme-light .modal-header .close:hover,
body.gx-theme-light .modal .close:hover,
body.gx-theme-light .g-close:hover{
  color:#000 !important;
  background:rgba(15,23,42,.10) !important;
}
body.gx-theme-dark .modal-header .close,
body.gx-theme-dark .modal .close,
body.gx-theme-dark button.close,
body.gx-theme-dark .g-close{
  color:#f4f7fa !important;
  opacity:.92 !important;
  text-shadow:none !important;
}

/* Theme quick button + Service Columns only */
.gx-theme-quick-item,
.gx-order-layout-control{
  display:flex !important;
  align-items:center !important;
}
.gx-theme-quick,
.gx-layout-trigger{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid var(--gx-line) !important;
  border-radius:11px !important;
  background:var(--gx-card2) !important;
  color:var(--gx-text) !important;
  line-height:1 !important;
}
.gx-layout-trigger:after{
  display:none !important;
}
.gx-theme-quick:hover,
.gx-layout-trigger:hover{
  color:#b6861b !important;
  background:var(--gx-hover) !important;
  border-color:rgba(223,177,59,.30) !important;
}

.gx-layout-menu{
  min-width:260px !important;
  padding:11px !important;
  border-radius:14px !important;
  background:var(--gx-card) !important;
  color:var(--gx-text) !important;
  border:1px solid var(--gx-line) !important;
  box-shadow:var(--gx-shadow) !important;
}
.gx-orderstyle-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.gx-orderstyle-option{
  min-width:0;
  min-height:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 4px;
  border:1px solid var(--gx-line);
  border-radius:11px;
  background:var(--gx-card2);
  color:var(--gx-text);
  cursor:pointer;
  font-size:9px;
  font-weight:850;
}
.gx-orderstyle-option:hover{
  background:var(--gx-hover);
}
.gx-orderstyle-option.active{
  color:#b48214;
  border-color:rgba(223,177,59,.48);
  box-shadow:0 0 0 2px rgba(223,177,59,.07);
}
.gx-columns-preview{
  width:49px;
  height:31px;
  display:flex;
  gap:3px;
  padding:4px;
  border:1px solid var(--gx-line);
  border-radius:7px;
  background:var(--gx-field);
}
.gx-columns-preview i{
  display:block;
  flex:1;
  border-radius:3px;
  background:var(--gx-muted);
  opacity:.45;
}
.gx-orderstyle-option.active .gx-columns-preview i{
  background:#d5a72d;
  opacity:.82;
}

/* If old cached settings markup appears temporarily, suppress its gear */
.gx-display-settings,
.gx-display-settings .fa-cog,
.gx-display-settings .fa-gear,
.gx-display-settings .fa-sliders-h{
  display:none !important;
}


/* ============================================================
   GOLD DASHBOARD UX PATCH — balance + polish
   Dashboard only. No order/ViewOrder logic touched.
   ============================================================ */

/* Balance semantic state */
.gx7-balance.gx7-balance-low .gx7-balance-number,
.gx7-balance.gx7-balance-low .gx7-currency,
.gx7-balance.gx7-balance-low .gx7-suffix{
  color:var(--gx-red) !important;
}
.gx7-balance.gx7-balance-ok .gx7-balance-number,
.gx7-balance.gx7-balance-ok .gx7-currency,
.gx7-balance.gx7-balance-ok .gx7-suffix{
  color:var(--gx-green) !important;
}
.gx7-balance-health{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin-top:10px;
  padding:5px 8px;
  border-radius:999px;
  font-size:8.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
}
.gx7-balance-health.is-low{
  color:var(--gx-red);
  background:color-mix(in srgb,var(--gx-red) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--gx-red) 20%,transparent);
}
.gx7-balance-health.is-ok{
  color:var(--gx-green);
  background:color-mix(in srgb,var(--gx-green) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--gx-green) 20%,transparent);
}

/* Fallback for browsers without color-mix */
@supports not (background:color-mix(in srgb, red 10%, transparent)){
  .gx7-balance-health.is-low{background:rgba(236,104,116,.08);border-color:rgba(236,104,116,.18)}
  .gx7-balance-health.is-ok{background:rgba(50,201,129,.08);border-color:rgba(50,201,129,.18)}
}

/* Wallet hierarchy */
.gx7-wallet{
  isolation:isolate;
  position:relative;
}
.gx7-wallet:after{
  content:"";
  position:absolute;
  inset:auto 22px 0 22px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(223,177,59,.28),transparent);
  pointer-events:none;
}
.gx7-wallet-primary{
  position:relative;
}
.gx7-balance-row{
  align-items:center !important;
}
.gx7-balance{
  min-width:0;
}
.gx7-balance-number{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.045em;
  transition:color .18s ease;
}

/* Better primary action */
.gx7-primary-action{
  min-width:128px !important;
  justify-content:center !important;
  box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
}
.gx7-primary-action:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.14) !important;
  filter:saturate(1.06);
}
.gx7-primary-action:active{
  transform:translateY(0) !important;
}

/* Dashboard card polish */
.gx7-summary-item,
.gx7-status-row,
.gx7-action,
.gx7-wallet-secondary{
  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease !important;
}
.gx7-summary-item:hover{
  background:var(--gx-hover) !important;
}
.gx7-wallet-secondary:hover,
.gx7-action:hover{
  transform:translateY(-1px);
  border-color:rgba(223,177,59,.18) !important;
}

/* Order status rows: easier scanning */
.gx7-status-row{
  position:relative;
  overflow:hidden;
}
.gx7-status-row:before{
  content:"";
  position:absolute;
  inset:7px auto 7px 0;
  width:2px;
  border-radius:99px;
  opacity:.75;
}
.gx7-status-row.gx7-success:before{background:var(--gx-green)}
.gx7-status-row.gx7-pending:before{background:var(--gx-yellow)}
.gx7-status-row.gx7-failed:before{background:var(--gx-red)}
.gx7-status-row:hover{
  transform:translateX(2px);
}

/* Announcements more readable */
.gx7-news-scroll{
  scrollbar-width:thin;
  scrollbar-color:var(--gx-muted) transparent;
}
.gx7-news-scroll::-webkit-scrollbar{width:6px}
.gx7-news-scroll::-webkit-scrollbar-track{background:transparent}
.gx7-news-scroll::-webkit-scrollbar-thumb{
  background:var(--gx-muted);
  border-radius:99px;
}
.gx7-news-scroll a{
  color:inherit;
  text-decoration:none;
}
.gx7-news-scroll a:hover{
  color:#b8881d;
}

/* Light theme cards gain structure without looking heavy */
body.gx-theme-light .gx7-wallet,
body.gx-theme-light .gx7-summary,
body.gx-theme-light .gx7-orders-panel,
body.gx-theme-light .gx7-news,
body.gx-theme-light .gx7-action,
body.gx-theme-light .gx7-notice{
  box-shadow:0 12px 32px rgba(15,23,42,.065) !important;
}
body.gx-theme-light .gx7-wallet-secondary,
body.gx-theme-light .gx7-summary-icon,
body.gx-theme-light .gx7-news-head{
  background:#f7f9fb !important;
}

/* Dark theme stays crisp, not glowing */
body.gx-theme-dark .gx7-wallet,
body.gx-theme-dark .gx7-summary,
body.gx-theme-dark .gx7-orders-panel,
body.gx-theme-dark .gx7-news{
  box-shadow:0 16px 42px rgba(0,0,0,.18) !important;
}

/* Focus accessibility */
.gx7-dashboard a:focus-visible,
.gx7-dashboard button:focus-visible{
  outline:2px solid rgba(223,177,59,.65) !important;
  outline-offset:2px !important;
}

/* Mobile UX */
@media(max-width:600px){
  .gx7-balance-row{
    align-items:stretch !important;
  }
  .gx7-balance-health{
    margin-top:8px;
  }
  .gx7-wallet-action,
  .gx7-primary-action{
    width:100% !important;
  }
  .gx7-status-row{
    min-height:60px !important;
  }
  .gx7-summary-item{
    min-height:72px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .gx7-primary-action,
  .gx7-summary-item,
  .gx7-status-row,
  .gx7-action,
  .gx7-wallet-secondary{
    transition:none !important;
  }
}


/* ============================================================
   GOLD MOBILE UX — responsive layout without page zoom
   Pure presentation layer; no order/AJAX logic changed.
   ============================================================ */

/* Prevent accidental page-wide horizontal overflow */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
img, svg, video, canvas{
  max-width:100%;
}
.gx7-dashboard,
.gx-final-order,
.page-container,
.clientarea{
  min-width:0 !important;
}

/* Touch targets */
@media (pointer:coarse){
  button,
  .btn,
  a.btn,
  .nav-link,
  .gx-theme-quick,
  .gx-layout-trigger,
  .gx-group-nav button{
    min-height:42px;
  }
}

/* ---------------- Tablets / small laptops ---------------- */
@media(max-width:1100px){
  /* Dashboard */
  .gx7-dashboard .page-container{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .gx7-dashboard-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .gx7-news{
    position:relative !important;
    top:auto !important;
    width:100% !important;
  }
  .gx7-news-scroll{
    max-height:340px !important;
  }

  /* Orders */
  body.gx-final-order .gx-order-shell{
    grid-template-columns:210px minmax(0,1fr) !important;
    gap:10px !important;
  }

  /* Modal */
  body.gx-final-order #modal-order .modal-dialog{
    width:min(94vw,860px) !important;
  }
}

/* ---------------- Phones / portrait tablets ---------------- */
@media(max-width:768px){
  html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body{
    width:100%;
    overflow-x:hidden !important;
  }

  /* Global containers */
  .container,
  .container-fluid,
  .clientarea,
  .page-container{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Header/nav should wrap, never force desktop width */
  header,
  .header-top,
  .header-middle,
  .header-bottom,
  .navbar,
  .navbar-nav{
    max-width:100% !important;
  }
  header .container,
  header .container-fluid{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .navbar-collapse{
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .navbar-nav{
    flex-wrap:wrap !important;
  }
  .gx-theme-quick,
  .gx-layout-trigger{
    width:42px !important;
    height:42px !important;
  }

  /* Dashboard wallet */
  .gx7-main{
    gap:10px !important;
  }
  .gx7-wallet{
    display:block !important;
    min-height:0 !important;
    border-radius:16px !important;
  }
  .gx7-wallet-primary{
    padding:16px !important;
  }
  .gx7-balance-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:13px !important;
  }
  .gx7-balance{
    width:100%;
    flex-wrap:wrap;
  }
  .gx7-balance-number{
    font-size:34px !important;
    line-height:1 !important;
  }
  .gx7-wallet-action,
  .gx7-primary-action{
    width:100% !important;
  }
  .gx7-primary-action{
    min-height:48px !important;
  }
  .gx7-wallet-secondary{
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) auto !important;
    padding:14px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:1px solid var(--gx-line2) !important;
  }
  .gx7-wallet-secondary-copy strong{
    font-size:18px !important;
  }

  /* Summary cards */
  .gx7-summary{
    grid-template-columns:1fr !important;
    border-radius:15px !important;
  }
  .gx7-summary-item{
    min-height:68px !important;
    padding:12px 14px !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid var(--gx-line2) !important;
  }
  .gx7-summary-item:last-child{
    border-bottom:0 !important;
  }

  /* Orders overview */
  .gx7-orders-panel{
    padding:13px !important;
    border-radius:16px !important;
  }
  .gx7-section-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:4px !important;
  }
  .gx7-orders-layout{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .gx7-chart-shell{
    min-height:180px !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid var(--gx-line2) !important;
  }
  #gx7OrderChart{
    min-height:180px !important;
  }
  .gx7-status-row{
    min-height:60px !important;
    padding:10px !important;
  }
  .gx7-status-row:hover{
    transform:none !important;
  }

  /* Quick actions */
  .gx7-actions{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .gx7-action{
    min-height:64px !important;
  }

  /* News */
  .gx7-news{
    width:100% !important;
    border-radius:16px !important;
  }
  .gx7-news-head{
    min-height:60px !important;
    padding:12px !important;
  }
  .gx7-news-scroll{
    max-height:320px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  /* ---------------- Service order pages ---------------- */
  body.gx-final-order .page-container{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.gx-final-order .gx-order-shell{
    display:block !important;
  }

  /* Groups become a compact horizontal navigator on phones */
  body.gx-final-order .gx-group-sidebar{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    max-height:none !important;
    margin-bottom:10px !important;
    padding:9px !important;
    border-radius:14px !important;
  }
  .gx-group-sidebar-title{
    padding-bottom:7px !important;
    margin-bottom:7px !important;
  }
  .gx-group-search{
    height:44px !important;
    font-size:13px !important;
  }
  .gx-group-nav{
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:6px !important;
    padding:2px 0 5px !important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .gx-group-nav button{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:220px !important;
    min-height:42px !important;
    white-space:nowrap !important;
    scroll-snap-align:start;
  }
  .gx-group-nav .gx-name{
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:165px;
  }

  /* Original service groups/cards */
  body.gx-final-order .service-list-box>.group{
    border-radius:14px !important;
    margin-bottom:10px !important;
  }
  body.gx-final-order .service-list-box>.group .title{
    padding:12px !important;
    font-size:12px !important;
  }
  body.gx-final-order .service-list-box>.group>.service{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding:5px !important;
  }
  body.gx-final-order .service-list-box>.group>.service>.card{
    min-height:0 !important;
    height:auto !important;
  }
  body.gx-final-order .service-list-box .mw-360{
    max-width:none !important;
    width:100% !important;
  }

  /* Server old layout */
  body.gx-final-order .group-service{
    border-radius:14px !important;
  }
  body.gx-final-order .group-service .row-fluid{
    display:block !important;
  }
  body.gx-final-order .group-service .display-block{
    width:100% !important;
    float:none !important;
    margin:0 0 7px !important;
  }

  /* Search controls / chosen */
  body.gx-final-order .card-search{
    width:100% !important;
  }
  body.gx-final-order .chosen-container{
    width:100% !important;
    max-width:100% !important;
  }

  /* ---------------- Order entry modal ---------------- */
  body.gx-final-order #modal-order{
    padding:0 !important;
    align-items:flex-start !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }
  body.gx-final-order #modal-order .modal-dialog{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    min-height:100dvh !important;
  }
  body.gx-final-order #modal-order .modal-content{
    width:100% !important;
    min-height:100dvh !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
  }
  body.gx-final-order #modal-order .modal-header{
    position:sticky !important;
    top:0 !important;
    z-index:4 !important;
    min-height:57px !important;
    padding:11px 13px !important;
  }
  body.gx-final-order #modal-order .modal-body{
    padding:12px !important;
  }
  body.gx-final-order #modal-order .close{
    min-width:40px !important;
    min-height:40px !important;
  }

  /* Detail form: no desktop fixed width/height */
  body.gx-final-order #serviceDetails,
  body.gx-final-order #serviceDetails2{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  body.gx-final-order #serviceDetails .row,
  body.gx-final-order #serviceDetails2 .row{
    display:block !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.gx-final-order #serviceDetails [class*="col-"],
  body.gx-final-order #serviceDetails2 [class*="col-"]{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body.gx-final-order #serviceDetails .card,
  body.gx-final-order #serviceDetails2 .card{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
  }
  body.gx-final-order #serviceDetails input,
  body.gx-final-order #serviceDetails textarea,
  body.gx-final-order #serviceDetails select,
  body.gx-final-order #serviceDetails2 input,
  body.gx-final-order #serviceDetails2 textarea,
  body.gx-final-order #serviceDetails2 select{
    width:100% !important;
    max-width:100% !important;
    font-size:16px !important; /* prevents iOS auto-zoom */
  }
  body.gx-final-order #serviceDetails textarea,
  body.gx-final-order #serviceDetails2 textarea{
    min-height:120px !important;
  }
  body.gx-final-order #serviceDetails .btn,
  body.gx-final-order #serviceDetails2 .btn{
    min-height:46px !important;
  }

  /* ---------------- View Order ---------------- */
  .g-order{
    width:100% !important;
    max-width:100% !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }
  .g-order .g-top,
  .g-order .g-body,
  .g-order .g-footer{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .g-order .g-info{
    width:100% !important;
    min-width:0 !important;
  }
  .g-order .g-result,
  .g-order .g-plain{
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .g-order .g-result table,
  .g-order .g-plain table{
    width:max-content !important;
    min-width:100% !important;
    max-width:none !important;
  }
  .g-order .g-result pre,
  .g-order .g-plain pre,
  .g-order .g-result code,
  .g-order .g-plain code{
    white-space:pre-wrap !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    max-width:100% !important;
  }

  /* ---------------- Generic tables ---------------- */
  .table-responsive,
  .table-order-history,
  .responsive-table,
  .dataTables_wrapper{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .table-order-history table{
    min-width:760px !important;
  }

  /* Dropdown menus fit viewport */
  .dropdown-menu{
    max-width:calc(100vw - 16px) !important;
  }
  .gx-layout-menu{
    width:min(300px,calc(100vw - 16px)) !important;
    min-width:0 !important;
  }
}

/* ---------------- Very small phones ---------------- */
@media(max-width:420px){
  .gx7-dashboard .page-container,
  .container,
  .container-fluid,
  .clientarea,
  .page-container{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .gx7-wallet-primary{
    padding:14px !important;
  }
  .gx7-balance-number{
    font-size:31px !important;
  }
  .gx7-kicker,
  .gx7-section-kicker{
    font-size:8px !important;
  }
  .gx7-status-row{
    grid-template-columns:8px minmax(0,1fr) auto !important;
    gap:8px !important;
  }
  .gx7-status-row strong{
    min-width:42px !important;
    font-size:16px !important;
  }

  .gx-orderstyle-options{
    grid-template-columns:1fr !important;
  }
  .gx-orderstyle-option{
    min-height:60px !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    padding:8px 10px !important;
  }
  .gx-columns-preview{
    width:46px !important;
    flex:0 0 46px;
  }

  body.gx-final-order #modal-order .modal-title{
    max-width:calc(100vw - 80px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


/* ============================================================
   GOLD MOBILE HAMBURGER FIX
   Make the 3-line mobile menu trigger visible in both themes.
   ============================================================ */
@media(max-width:991.98px){

  /* Common Bootstrap / Dhru mobile toggle containers */
  body.gx-theme-light .navbar-toggler,
  body.gx-theme-light .navbar-toggle,
  body.gx-theme-light .menu-toggle,
  body.gx-theme-light .mobile-menu-toggle,
  body.gx-theme-light [data-toggle="collapse"].navbar-toggler,
  body.gx-theme-light [data-bs-toggle="collapse"].navbar-toggler{
    color:#182331 !important;
    border-color:rgba(15,23,42,.14) !important;
    background:rgba(255,255,255,.92) !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.gx-theme-dark .navbar-toggler,
  body.gx-theme-dark .navbar-toggle,
  body.gx-theme-dark .menu-toggle,
  body.gx-theme-dark .mobile-menu-toggle,
  body.gx-theme-dark [data-toggle="collapse"].navbar-toggler,
  body.gx-theme-dark [data-bs-toggle="collapse"].navbar-toggler{
    color:#f3f6f9 !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.035) !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Bootstrap icon can be an SVG background; replace it with native CSS bars */
  .navbar-toggler-icon{
    position:relative !important;
    display:block !important;
    width:23px !important;
    height:16px !important;
    background-image:none !important;
    background:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .navbar-toggler-icon:before,
  .navbar-toggler-icon:after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    width:23px !important;
    height:2px !important;
    border-radius:99px !important;
    opacity:1 !important;
  }

  .navbar-toggler-icon:before{
    top:0 !important;
    box-shadow:0 7px 0 currentColor !important;
  }

  .navbar-toggler-icon:after{
    bottom:0 !important;
  }

  body.gx-theme-light .navbar-toggler-icon{
    color:#172334 !important;
  }
  body.gx-theme-light .navbar-toggler-icon:before,
  body.gx-theme-light .navbar-toggler-icon:after{
    background:#172334 !important;
  }

  body.gx-theme-dark .navbar-toggler-icon{
    color:#f3f6f9 !important;
  }
  body.gx-theme-dark .navbar-toggler-icon:before,
  body.gx-theme-dark .navbar-toggler-icon:after{
    background:#f3f6f9 !important;
  }

  /* Dhru/theme variants using spans instead of navbar-toggler-icon */
  body.gx-theme-light .navbar-toggler span:not(.navbar-toggler-icon),
  body.gx-theme-light .navbar-toggle .icon-bar,
  body.gx-theme-light .menu-toggle span,
  body.gx-theme-light .mobile-menu-toggle span{
    background-color:#172334 !important;
    border-color:#172334 !important;
    color:#172334 !important;
    opacity:1 !important;
  }

  body.gx-theme-dark .navbar-toggler span:not(.navbar-toggler-icon),
  body.gx-theme-dark .navbar-toggle .icon-bar,
  body.gx-theme-dark .menu-toggle span,
  body.gx-theme-dark .mobile-menu-toggle span{
    background-color:#f3f6f9 !important;
    border-color:#f3f6f9 !important;
    color:#f3f6f9 !important;
    opacity:1 !important;
  }

  /* Keep trigger compact next to logo */
  .navbar-toggler,
  .navbar-toggle,
  .menu-toggle,
  .mobile-menu-toggle{
    min-width:42px !important;
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:9px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }
}


/* ============================================================
   GOLD PUBLIC LANDING — FIXED DARK / CLIENT THEME INDEPENDENT
   Scope is ONLY .gx-public-fixed-dark.
   ============================================================ */

.gx-public-fixed-dark,
body.gx-theme-light .gx-public-fixed-dark,
body.gx-theme-dark .gx-public-fixed-dark{
  --pub-bg:#060b10;
  --pub-card:#0d141c;
  --pub-card2:#111a24;
  --pub-field:#091018;
  --pub-text:#f1f5f8;
  --pub-muted:#8996a7;
  --pub-line:rgba(255,255,255,.085);
  --pub-gold:#f2c85d;
  --pub-green:#37d58b;

  color-scheme:dark !important;
  color:var(--pub-text) !important;
  background:
    radial-gradient(760px 360px at 7% 0%,rgba(242,200,93,.075),transparent 68%),
    radial-gradient(700px 420px at 100% 22%,rgba(36,115,164,.055),transparent 72%),
    var(--pub-bg) !important;
}

/* Override the earlier client-light rule specifically on public landing */
body.gx-theme-light .gx-public-fixed-dark.pro-landing,
body.gx-theme-light .gx-public-fixed-dark .pro-landing,
body.gx-theme-light .gx-public-fixed-dark{
  color:#f1f5f8 !important;
}

/* Public text */
.gx-public-fixed-dark h1,
.gx-public-fixed-dark h2,
.gx-public-fixed-dark h3,
.gx-public-fixed-dark h4,
.gx-public-fixed-dark h5,
.gx-public-fixed-dark h6,
.gx-public-fixed-dark .title,
.gx-public-fixed-dark .service-title{
  color:var(--pub-text) !important;
}
.gx-public-fixed-dark .text-muted,
.gx-public-fixed-dark .muted,
.gx-public-fixed-dark p{
  color:var(--pub-muted);
}

/* Public surfaces */
.gx-public-fixed-dark .card,
.gx-public-fixed-dark .hero-card,
.gx-public-fixed-dark .support-card,
.gx-public-fixed-dark .package-card,
.gx-public-fixed-dark .live-card,
.gx-public-fixed-dark .counter-card,
.gx-public-fixed-dark .service-card,
.gx-public-fixed-dark .service-item,
.gx-public-fixed-dark .service-list,
.gx-public-fixed-dark .modal-content,
.gx-public-fixed-dark .dropdown-menu{
  background:var(--pub-card) !important;
  color:var(--pub-text) !important;
  border-color:var(--pub-line) !important;
}

/* Inputs/search on public catalog */
.gx-public-fixed-dark input,
.gx-public-fixed-dark textarea,
.gx-public-fixed-dark select,
.gx-public-fixed-dark .form-control,
.gx-public-fixed-dark .chosen-single{
  background:var(--pub-field) !important;
  color:var(--pub-text) !important;
  border-color:var(--pub-line) !important;
}
.gx-public-fixed-dark input::placeholder,
.gx-public-fixed-dark textarea::placeholder{
  color:#657386 !important;
}

/* Keep public CTA palette dark/gold */
.gx-public-fixed-dark .btn-primary,
.gx-public-fixed-dark .btn-warning,
.gx-public-fixed-dark .gold-btn,
.gx-public-fixed-dark .primary-btn{
  background:var(--pub-gold) !important;
  border-color:var(--pub-gold) !important;
  color:#181207 !important;
}

/* Tabs / group controls */
.gx-public-fixed-dark .nav-tabs,
.gx-public-fixed-dark .tab-content,
.gx-public-fixed-dark .group-sidebar,
.gx-public-fixed-dark .service-sidebar{
  background:transparent !important;
  color:var(--pub-text) !important;
  border-color:var(--pub-line) !important;
}
.gx-public-fixed-dark .nav-link{
  color:#cbd4de !important;
}
.gx-public-fixed-dark .nav-link.active,
.gx-public-fixed-dark .nav-link:hover{
  color:var(--pub-gold) !important;
}

/* Make sure generic light-theme backgrounds cannot leak into public cards */
body.gx-theme-light .gx-public-fixed-dark .card,
body.gx-theme-light .gx-public-fixed-dark .modal-content,
body.gx-theme-light .gx-public-fixed-dark .dropdown-menu,
body.gx-theme-light .gx-public-fixed-dark .list-group-item{
  background:var(--pub-card) !important;
  color:var(--pub-text) !important;
  border-color:var(--pub-line) !important;
}

/* Public mobile menu remains dark even if the client's stored preference is Light */
@media(max-width:991.98px){
  .gx-public-fixed-dark .navbar-toggler,
  body.gx-theme-light .gx-public-fixed-dark .navbar-toggler{
    background:#101821 !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#f3f6f9 !important;
  }
  .gx-public-fixed-dark .navbar-toggler .fa-bars,
  body.gx-theme-light .gx-public-fixed-dark .navbar-toggler .fa-bars{
    color:#f3f6f9 !important;
  }
}


/* ============================================================
   GOLD PUBLIC AREA — SERVER-SIDE DARK LOCK
   ============================================================ */
body.gx-public-area{
  color-scheme:dark !important;
  background:#060b10 !important;
  color:#f1f5f8 !important;
}
body.gx-public-area header,
body.gx-public-area .header-top,
body.gx-public-area .header-middle,
body.gx-public-area .header-bottom{
  background:#091016 !important;
  color:#f1f5f8 !important;
  border-color:rgba(255,255,255,.085) !important;
}
body.gx-public-area header .nav-link,
body.gx-public-area header a{
  color:#dce4ec !important;
}
body.gx-public-area header .nav-link:hover,
body.gx-public-area header a:hover{
  color:#f2c85d !important;
}
body.gx-public-area .pro-landing,
body.gx-public-area .gx-public-fixed-dark{
  color-scheme:dark !important;
}
body.gx-public-area .navbar-toggler,
body.gx-public-area .navbar-toggle{
  color:#f3f6f9 !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.035) !important;
}
body.gx-public-area .navbar-toggler .fa-bars,
body.gx-public-area .navbar-toggle .fa-bars{
  color:#f3f6f9 !important;
}


/* ============================================================
   GOLD AUTH PAGES — PERMANENT DARK
   Login / Registration are isolated from the client's saved theme.
   ============================================================ */
body.gx-auth-dark{
  color-scheme:dark !important;
  background:
    radial-gradient(760px 380px at 10% -5%,rgba(242,200,93,.055),transparent 70%),
    #060b10 !important;
  color:#f1f5f8 !important;
}

body.gx-auth-dark .login-box,
body.gx-auth-dark .login-card,
body.gx-auth-dark .register-box,
body.gx-auth-dark .registration-box,
body.gx-auth-dark .auth-card,
body.gx-auth-dark .card,
body.gx-auth-dark .modal-content{
  background:#0d141c !important;
  color:#f1f5f8 !important;
  border-color:rgba(255,255,255,.085) !important;
}

body.gx-auth-dark input,
body.gx-auth-dark textarea,
body.gx-auth-dark select,
body.gx-auth-dark .form-control,
body.gx-auth-dark .input-group-text,
body.gx-auth-dark .chosen-single{
  background:#091018 !important;
  color:#f1f5f8 !important;
  border-color:rgba(255,255,255,.09) !important;
}

body.gx-auth-dark input::placeholder,
body.gx-auth-dark textarea::placeholder{
  color:#697789 !important;
}

body.gx-auth-dark label,
body.gx-auth-dark h1,
body.gx-auth-dark h2,
body.gx-auth-dark h3,
body.gx-auth-dark h4,
body.gx-auth-dark h5,
body.gx-auth-dark h6{
  color:#f1f5f8 !important;
}

body.gx-auth-dark .text-muted{
  color:#8996a7 !important;
}

body.gx-auth-dark a:not(.btn){
  color:#e7c45f;
}

body.gx-auth-dark .btn-primary,
body.gx-auth-dark .btn-warning,
body.gx-auth-dark .bg-secondary{
  background:#f2c85d !important;
  border-color:#f2c85d !important;
  color:#181207 !important;
}